<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>传送带</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
  <link rel="canonical" href="http://www.example.com/">
  -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/app.css">
</head>

<body>
    <!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a
  href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
    <!-- 导航栏 -->
    <header class="am-topbar scrollspy-nav" data-am-scrollspynav="{offsetTop:45}" data-am-sticky>
        <h1 class="am-topbar-brand">
    <a href="#">ZZES Design</a>
  </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active"><a href="#">首页</a></li>
                <li><a href="#xx">项目介绍</a></li>
            </ul>
            <div class="am-topbar-right">
                <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm"  data-am-modal="{target: '#my-popup'}">注册</button>
            </div>
            <div class="am-topbar-right">
                <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm"  data-am-modal="{target: '#my-popup1'}">登录</button>
            </div>
        </div>
    </header>
    <!-- end 导航 -->
    <!--  幕头图片  -->
    <section id="welcome" class="jumbotron ">
        <div class="am-container" id="csdfont">
            <br>
            <br>
            <h1 class="am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}"><strong >智能 </strong>传送带</h1>
            <div class="am-animation-slide-right" data-am-scrollspy="{animation:'slide-right', delay: 100}">
                <p>解决小型工厂 <em>货物搬运</em> 的速度</p>
            </div>
        </div>
    </section>
    <!--  幕头图片 END  -->
    <!--  信息 -->
    <div class="am-panel am-panel-default" data-am-scrollspynav="{className: {active: 'am-active'}}" id="xx">
        <div class="am-u-sm-3 am-panel am-panel-danger am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <img class="am-thumbnail" src="assets/i/1.jpg" />
            <div class="caption">
                <p>随着货物量的增多，小型公司需要找更多的工人搬运货物，增大了人力费用的投入，导致成本增高</p>
            </div>
        </div>
        <div class="am-u-sm-3 am-panel am-panel-danger am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom" data-am-scrollspy="{animation:'slide-bottom', delay: 200}">
            <img class="am-thumbnail" src="assets/i/2.jpg" />
            <div class="caption">
                  <p>智能传送带，可以通过手机、电脑、传送带显示器等多种方式进行控制，使操作更加方便快捷</p>
            </div>      
        </div>
        <div class=" am-u-sm-3 am-panel am-panel-danger am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom" data-am-scrollspy="{animation:'slide-bottom', delay: 300}">
            <img class="am-thumbnail" src="assets/i/3.jpg" />
            <div class="caption">
                  <p>智能传送带，内置RFID阅读器，可以对货物信息进行读取和录入，方便工作人员对物品的登记</p>
            </div>                 
        </div>
        <div class=" am-u-sm-3 am-panel am-panel-danger am-scrollspy-init am-scrollspy-inview am-animation-slide-bottom" data-am-scrollspy="{animation:'slide-bottom', delay: 400}">
            <img class="am-thumbnail" src="assets/i/4.jpg" />
            <div class="caption">
                  <p>通过智能化控制，随之了解传送带和货物状况，方便了对传送带速度、高度的调整，提高了效率。通过后台可以查看货物统计以及相关信息</p>
            </div>      

        </div>
    </div>
    <!-- END 信息 -->

    <footer class="amz-footer">
        <div class="am-g am-g-fixed">
            <div class="col-md-4 col-md-push-8 am-u-md-4 am-u-md-push-8">
                <ul class="amz-social">
  
                </ul>
            </div>
            <div class="col-md-8 col-md-pull-4 am-u-md-8 am-u-md-pull-4">
                <h2 class="amz-fd"><a href="http://zzesxiao.leanote.com" target="_blank">治中电科</a></h2>
                <ul class="amz-links"><a href="/about/wantu" class="am-icon-heart">&nbsp; </a> | <a href="/about/resources">品牌相关</a> | <a href="/1.x">存档：v1.x</a></ul>
                <p class="amz-cp">© 2016 AllMobilize, Inc. Licensed under <a href="http://opensource.org/licenses/MIT" target="_blank">MIT license</a>. Developed with <a href="http://www.jetbrains.com/webstorm/" target="_blank">ZZES DesignText</a>.</p>
 
            </div>
        </div>
    </footer>
    <!-- 浮动登录注册 -->
    <div class="am-popup" id="my-popup">
      <div class="am-popup-inner">
        <div class="am-popup-hd">
          <h4 class="am-popup-title">注册页面</h4>
          <span data-am-modal-close
                class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
          <form action="" class="am-form" data-am-validator>
            <fieldset>
             
              <div class="am-form-group">
                <label for="doc-vld-name-2">用户名：</label>
                <input type="text" id="doc-vld-name-2" minlength="3" placeholder="输入用户名（至少 3 个字符）" required/>
              </div>

              <div class="am-form-group">
                <label for="doc-vld-email-2">邮箱：</label>
                <input type="email" id="doc-vld-email-2" placeholder="输入邮箱" required/>
              </div>

              <div class="am-form-group">
                <label for="doc-vld-email-2">密码：</label>
                <input type="password"   placeholder="输入密码" required/>
              </div>

              <div class="am-form-group">
                <label for="doc-vld-url-2">网址：</label>
                <input type="url" id="doc-vld-url-2" placeholder="输入网址" required/>
              </div>

              <div class="am-form-group">
                <label for="doc-vld-age-2">年龄：</label>
                <input type="number" class=""  id="doc-vld-age-2" placeholder="输入年龄  18-120" min="18" max="120" required />
              </div>

              <div class="am-form-group">
                <label>性别： </label>
                <label class="am-radio-inline">
                  <input type="radio"  value="" name="docVlGender" required> 男
                </label>
                <label class="am-radio-inline">
                  <input type="radio" name="docVlGender"> 女
                </label>
                <label class="am-radio-inline">
                  <input type="radio" name="docVlGender"> 其他
                </label>
              </div>

              <button class="am-btn am-btn-secondary" type="submit">提交</button>
            </fieldset>
          </form>
        </div>
      </div>
    </div>

    <div class="am-popup" id="my-popup1">
      <div class="am-popup-inner">
        <div class="am-popup-hd">
          <h4 class="am-popup-title">登录页面</h4>
          <span data-am-modal-close
                class="am-close">&times;</span>
        </div>
        <div class="am-popup-bd">
          <form action="" class="am-form" id="form-with-tooltip">
            <fieldset>
 
              <div class="am-form-group">
                <label for="doc-vld-email-2">邮箱：</label>
                <input type="email" id="doc-vld-email-2" placeholder="输入邮箱" required/>
              </div>

              <div class="am-form-group">
                <label for="doc-vld-pwd-1-0">密码：</label>
                <input type="password" id="doc-vld-pwd-1-0" placeholder="输入密码"  required data-foolish-msg="把密码交出来！"/>
              </div>

              <button class="am-btn am-btn-secondary" type="submit">提交</button>
            </fieldset>
          </form>
        </div>
      </div>
    </div>
    <!-- 浮动登录注册 end-->
    <!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
</body>

</html>
